<p-sidebar [(visible)]="isVisible"
  [modal]="false">
  <h3>组件库</h3>
  <div class="dnd-container"
    #dndContainer>
    <div data-type="Site"
      class="dnd-rect card"
      (mousedown)="startDrag($event)">
      Site
    </div>
    <div data-type="Srm"
      class="dnd-srm card"
      (mousedown)="startDrag($event)">
      Srm
    </div>
    <div data-type="Pipline"
      class="dnd-pipline card"
      (mousedown)="startDrag($event)">
      Pipline
    </div>
  </div>
</p-sidebar>